.app-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%
}

#app,.app-box {
  overflow: hidden
}

#app {
  transition-duration: .5s;
  position: absolute
}

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul {
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

ol,ul {
  list-style: none
}

body,html {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  color: #fff;
  font-family: BaseText-Regular,DINPro-Regular,serif;
  background-color: #020814 !important;
  overflow: hidden
}

@font-face {
  font-family: OPPOSansB;
  src: local("OPPOSansB");
  src: url(../fonts/OPPOSansB.9f6ed9a4.ttf)
}

@font-face {
  font-family: YouSheBiaoTiHei-2;
  src: local("YouSheBiaoTiHei-2");
  src: url(../fonts/YouSheBiaoTiHei-2.1726685c.ttf)
}

@font-face {
  font-family: BaseText-Regular;
  src: local("NotoSansCJKsc-Regular");
  src: url(../fonts/NotoSansCJKsc-Regular.cca5efc0.otf)
}

@font-face {
  font-family: DINPro-Regular;
  src: local("DINPro-Regular");
  src: url(../fonts/DINPro-Regular_0.86fda987.otf);
  unicode-range: u+0030-0039
}

@font-face {
  font-family: zhscnm;
  src: local("zhscnm");
  src: url(../fonts/zhscnm.197b4f37.ttf)
}

@font-face {
  font-family: Digital;
  src: local("Digital");
  src: url(../fonts/Digital.7779a409.ttf)
}

.OPPOSansB {
  font-family: OPPOSansB
}

.YouSheBiaoTiHei-2 {
  font-family: YouSheBiaoTiHei-2
}

.SourceHanSansCN-Regular {
  font-family: SourceHanSansCN-Regular
}

.c-echartsOne {
  color: #48bcaa
}

.c-echartsTwo {
  color: #989cfc
}

.c-echartsThree {
  color: #34a7de
}

.c-textOne {
  color: #c8deff
}

.c-textTwo {
  color: #e2ebff
}

.size-title {
  font-size: 40px
}

.size-one {
  font-size: 26px
}

.size-two {
  font-size: 24px
}

.size-three {
  font-size: 22px
}

.size-four {
  font-size: 20px
}

.size-five {
  font-size: 18px
}

.size-six {
  font-size: 16px
}

.size-seven {
  font-size: 14px
}

.size-eight {
  font-size: 12px
}

.click,.tel {
  cursor: pointer
}

.drag-title {
  cursor: move
}

.popup-title {
  padding-left: 40px;
  line-height: 70px
}

.popup-title img {
  float: right;
  margin: 20px 25px 0 0;
  cursor: pointer
}

.bigPopup {
  position: absolute;
  width: 1352px;
  height: 678px;
  top: 92px;
  left: 1244px;
  background-size: contain
}

.bigPopup .title {
  padding-left: 40px;
  line-height: 70px
}

.bigPopup .div_table {
  width: 1310px;
  height: 550px;
  overflow: hidden;
  margin: 0 auto;
  margin-bottom: 10px
}

.h0 {
  height: 0!important
}

.el-tooltip__popper {
  max-width: 30%
}

.el-date-editor,.el-date-editor--daterange,.el-input__inner,.el-range-editor {
  background-size: 100% 100%!important;
  border: 0!important;
  color: #fff!important
}

* /deep/ .el-range-input,* /deep/ .el-range-separator {
  color: #fff!important;
  background: transparent!important
}

* /deep/ .el-input__inner {
  background-size: 100% 100%!important;
  border: 0!important;
  color: #fff!important;
  font-size: 16px!important
}

::-webkit-scrollbar {
  width: 3px;
  height: 5px
}

::-webkit-scrollbar-track {
  background-color: transparent
}

::-webkit-scrollbar-thumb,::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  border-radius: 10px
}

::-webkit-scrollbar-thumb {
  background-color: #1f7fbd
}
